﻿/*  DROP DOWN LINK  */

div.drop-down-link
{
    font-family: Verdana;
    font-size: 12px;
    background-color: #68A;
    display: inherit;
    float: inherit;
    width: 50px;
    margin: 8px 5px 5px 5px;
    border: 1px groove #6c9aE2;
    border-left-width: 0;
    max-height: 50px;
    padding-left: 0;
    text-shadow: none;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    
    -moz-box-shadow: 0px -1px 4px #333;
    -webkit-box-shadow: 0px -1px 4px #333;
    -o-box-shadow: 0px -1px 4px #333;
    box-shadow: 0px -1px 4px #333;
}

div.drop-down-link.active, div.drop-down-link.active,
div:hover.drop-down-link.active, div:hover.drop-down-link.active
{
    background-color: #68A;    
    -webkit-box-shadow: 2px 2px 4px #333;
    -moz-box-shadow: 2px 2px 4px #333;
    -o-box-shadow: 2px 2px 4px #333;
    box-shadow: 2px 2px 4px #333;
    margin-bottom: 0;
}


div:hover.drop-down-link, div:hover.drop-down-link
{
    background-color: #8AC;
    
    -moz-box-shadow: 0px -1px 10px #333;
    -webkit-box-shadow: 0px -1px 10px #333;
    -o-box-shadow: 0px -1px 10px #333;
    box-shadow: 0px -1px 10px #333;
}

div.drop-down-link#logout, div.drop-down-link#user-name {
    display: none;
    cursor: pointer;
    height: auto;
    width: auto;
    padding: 3px;
}

/*  DROP DOWN LINK SPAN  */
div.drop-down-link > span {
    cursor: pointer;
}

/* DROP DOWN FORM */
div.drop-down-form 
{
    font-size: 9px;
    background: inherit;
    border: inherit;
    border-top-width: 0px;
    border-radius: inherit;
    border-top-left-radius: 0px; 
    box-shadow: 2px 4px 3px #333;
    padding: 6px 8px 8px 8px;
    margin: 6px 0 0 0;
    width: 200%;
    display: none;
    text-align: left;
    
    -webkit-border-radius: inherit;
    -moz-border-radius: inherit;
    -o-border-radius: inherit;
    -webkit-border-top-left-radius: 0px; 
    -moz-border-top-left-radius: 0px; 
    -o-border-top-left-radius: 0px; 
    -moz-box-shadow: 2px 4px 3px #333;
    -webkit-box-shadow: 2px 4px 3px #333;
    -o-box-shadow: 2px 4px 3px #333;
}

div.drop-down-form input {
    width: 80%;
    border-radius: 4px;
    display: inline;
    
    
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
}

div.drop-down-form input[type=submit] 
{
    color: #def;
    font-weight: bolder;
    cursor: pointer;
    background-color: #79b;
    box-shadow: 0px 3px 3px #333;
    width: auto;
    padding: 1px 4px 4px 4px;
    margin-top: 5px;
}
div.drop-down-form input[type=submit]:hover
{
    background-color: #8AC;
}

div.drop-down-form span.input-icon 
{
    display: inline-block;
    background: tranparent;
    height: 16px;
    width: 16px;
}

div.drop-down-form span.input-icon.error
{
    background: url(../images/cross.png) no-repeat;
}

div.drop-down-form span.input-icon.correct
{
    background: url(../images/check.png) no-repeat;
}

